<template>
	<view class="home-list-item u-f-ac u-f-jsb animated fadeIn fast" hover-class="home-list-hover" @tap="clickevent">
		<view class="u-f-ac">
			<image :src="'https://assets-cdn.lanqb.com/hyxq/xcxu/'+item.img" mode="widthFix"></image>
			{{item.name}}
		</view>
		<view class="icon iconfont" :class="{'icongengduo':!item.data}">{{item.data || ''}}</view>
		 <button v-if="item.name == '意见反馈'" class="cs_button" open-type="contact" session-from="weapp">
		</button> 
	</view>
</template>

<script>
	export default {
		props: {
			item: Object,
			index: Number
		},
		methods: {
			clickevent() {
				if (this.item.url) {
					let option = {
						url: this.item.url
					};
					if (this.item.auth) {
						if (this.item.NoCheck) {
							return this.User.navigate(option, true);
						}
						return this.User.navigate(option);
					}
					uni.navigateTo(option);
				}
				// 绑定第三方登录
			}
		}
		}
</script>

<style lang="scss" scoped>
	.home-list-item {
		position: relative;
		padding: 3upx;
		image {
			width: 29upx;
			margin-right: 35upx;
		};
		margin-bottom: 90upx;
	}
	.cs_button{
		position: absolute;
		left: 0;
		bottom: 0;
		top: 0;
		right: 0;
		opacity: 0;
	}
	.home-list-item>view:first-child {
		color: #1A1B1E;
		font-size: 32upx;
	}

	.home-list-item>view:first-child>view {
		margin-right: 10upx;
	}

	.home-list-item>.icon {
		color: #CCCCCC;
	}

	.home-list-hover {
		background: #f4f4f4;
	}
</style>
